<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <link rel="stylesheet" href="./index.css" />
    </head>
    <body>
        <div class="frame">
            <div class="bubbles">
                <div class="bubble" style="--i: 21"></div>
                <div class="bubble" style="--i: 11"></div>
                <div class="bubble" style="--i: 20"></div>
                <div class="bubble" style="--i: 27"></div>
                <div class="bubble" style="--i: 29"></div>
                <div class="bubble" style="--i: 30"></div>
                <div class="bubble" style="--i: 15"></div>
                <div class="bubble" style="--i: 18"></div>
                <div class="bubble" style="--i: 13"></div>
                <div class="bubble" style="--i: 23"></div>
                <div class="bubble" style="--i: 24"></div>
                <div class="bubble" style="--i: 28"></div>
                <div class="bubble" style="--i: 16"></div>
                <div class="bubble" style="--i: 19"></div>
                <div class="bubble" style="--i: 14"></div>
                <div class="bubble" style="--i: 25"></div>
                <div class="bubble" style="--i: 26"></div>
                <div class="bubble" style="--i: 12"></div>
                <div class="bubble" style="--i: 22"></div>
                <div class="bubble" style="--i: 17"></div>
            </div>
        </div>
    </body>
</html>
